<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="__STATIC__/js/mui.min.js"></script>
    <link href="__STATIC__/css/mui.min.css" rel="stylesheet"/>
    <link href="__STATIC__/css/index.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
      	setTimeout(function(){
    var gallery = mui('.mui-slider');
	    gallery.slider({
	         interval:1800//自动轮播周期，若为0则不自动播放，默认为0；
	    });
	},300)
    </script>
    <style>
	.img{
		width:100%;
		height:250px;
	}
	</style>
</head>
<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">SMU信息资源共享平台</h1>
		</header>
	<div class="mui-content">
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					{volist name="recent" id="vo"}
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="{:url('/index/read/index',['id'=>$vo.id])}">
							<img src="__UPLOADS__/image_src/{$vo.image_src}" class='img'>
							<p class="mui-slider-title">{$vo.title}</p>
						</a>
					</div>
					{/volist}
					{volist name="recent" id="vo" length=1}
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="{:url('/index/read/index',['id'=>$vo.id])}">
							<img src="__UPLOADS__/image_src/{$vo.image_src}" class="img">
							<p class="mui-slider-title">{$vo.title}</p>
						</a>
					</div>
					{/volist}
				</div>
				<div class="mui-slider-indicator mui-text-right">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
		</div>
		<div class="mui-content">
			 <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('/index/activity_list/index',['type'=>1])}">
	                    <div class="list-circle" style="background:#59dabc;"><span>活动</span></div>
	                    <div class="mui-media-body">学生活动</div></a>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('/index/activity_list/index',['type'=>2])}">
	                    <div class="list-circle" style="background:#57df15;"><span>讲座</span></div>
	                    <div class="mui-media-body">学术讲座</div></a>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('/index/activity_list/index',['type'=>5])}">
	                    <div class="list-circle" style="background:#5143fc;"><span>资讯</span></div>
	                    <div class="mui-media-body">信息资讯</div></a>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('/index/activity_list/index',['type'=>4])}">
	                    <div class="list-circle" style="background:#5347cd;"><span>通知</span></div>
	                    <div class="mui-media-body">重要通知</div></a>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('/index/whitewall/index')}">
	                    <div class="list-circle" style="background:#5487ca;"><span>表白</span></div>
	                    <div class="mui-media-body">表白墙</div></a>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('/index/info/index')}">
	                    <div class="list-circle" style="background:#5155fd;"><span>我们</span></div>
	                    <div class="mui-media-body">关于我们</div></a>
		            </li>
		        </ul> 
		</div>
		<div class="mui-content">
		{volist name="news" id='cc'}
			<a href="{:url('/index/read/index',['id'=>$cc.id])}">
				<div class="mui-card">
				<div class="mui-card-header mui-card-media" style="height:220px;;background-image:url(__UPLOADS__/image_src/{$vo.image_src})"><img style="height:200px;width:100%;" src="__UPLOADS__/image_src/{$vo.image_src}"></div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<p style="color: #333;">{$cc.title}</p>
						<p>开始时间：{$cc.start_time}</p>
						<p>结束时间；{$cc.end_time}</p>
						
					</div>
				</div>
				</div>
			</a>
		{/volist}
		</div>
	</div>
</body>
</html>